@charset "utf-8";
/*CSS reset css重置*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; font-size:12px;font-family:"微软雅黑","arial";}
table { border-collapse:collapse; border-spacing:0;}
html,body{height:100%;}
fieldset, img { border:0 }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal }
ol, ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:'' }
abbr, acronym { border:0 }
img { vertical-align:middle; }
a { text-decoration:none; }
body { background:#FFF; }
.fl { float:left; }
.fr { float:right; }
a:link, a:visited { color:#014a8f; }
a:hover, a:active { color:#23a0ff; }
.h20{ height:20px;}

/*登录*/
.logon { width:840px; height:250px; margin:0 auto;  margin-top:90px;background:#fff; }
.logon_poto { width:306px; height:250px; float:left; background:url(../images/background02.jpg) no-repeat; margin-right:40px; }
.logon_logo { width:211px; height:51px; float:left;  margin-top:10px; background:url(../images/login02.jpg) no-repeat;}
.logon_list { width:494px; height:auto; float:left;  margin-top:20px; }

/*分页选择*/
.fenye { width:100%; height:auto; float:right; margin-top:10px; }
.fenye ul {list-style:none; list}
.fenye li {  float:right;  margin-left:4px;  display:block;line-height:30px; font-size:12px;  padding:3px; text-align:center;}
.fenye li a {  float:right;  border:1px solid #E5E6EB; display:block;line-height:16px; font-size:12px;   padding:4px;text-align:center; }
.fenye li a:hover {  float:right;  border:1px solid #23a0ff; display:block;line-height:16px;font-size:12px; padding:4px; text-align:center; }



/*header*/
#header_zs { width:100%; height:5px; margin:0 auto; background:#014A8F; }
#header { width:100%; height:56px; overflow:hidden; background:#fff; }
#header_3 { width:70%; height:56px; background:#fff; float:left; }
#header_1 { width:700px; height:56px; overflow:hidden; background:#fff; }
#header_1 .hd { width:100%; margin:0 auto; }
#header_2 { width:260px; height:56px; float:right; line-height:56px; }
#header_2_1 { width:26px; float:left; padding-top:15px; margin-right:7px; }
#header_2_2 { width:85%; float:left; height:56px; line-height:56px; font-family:"arial" }
.header_2_2 p a { margin:0 10px; color:#06F; }
.header_2_2 p a:hover { color:#000; }

/*content*/
#content { width:100%; height:100%; margin:0 auto; background:#fff; }
#content_left { float: left; width: 180px; height:100%; background: #014a8f; }
#content_right {height:100%; background: #f4f7f8; border-top:1px solid #E5E6EB; }
.right_box { /*width:880px;*/ width:72%; height:auto; background: #fff; border:1px solid #E5E6EB; margin-left:30px; margin-top:10px; padding:18px; float:left; }
.right_box_h {width:100%; height:auto; float:left; border-bottom:1px solid #E5E6EB; }
.right_box_h1 {width:68%; height:auto; float:left; }
.right_box_ico {width:32%; height:auto; float:left;}
.right_box_ico ul {list-style:none; list}
.right_box_ico li a {width:26px; height:26px; float:left;  margin-right:14px; display:block; }

.right_box_4 { width:100%; height:200px; background: #f4f4f4; border:1px solid #E5E6EB; margin-top:10px; float:left; }
.right_box h1{width:100%; line-height:30px; height:30px; font-size:17px; color:#2e2e2e; font-family:"微软雅黑", "Arial";margin-bottom:10px;border-bottom:1px solid               #E5E6EB;  float:left;}
.right_box h2{width:100%; line-height:30px; height:30px; font-size:17px; color:#2e2e2e; font-family:"微软雅黑", "Arial";margin-bottom:10px;float:left;}
.right_box h3{width:100%; line-height:30px; height:30px; font-size:14px; color:#2e2e2e; font-family:"微软雅黑", "Arial";margin-top:10px;float:left; font-weight:bold;}
.right_box_1{width:550px; float:left; margin-left:18px;}
.right_box_1 li{width:50%; line-height:30px; font-size:12px; color:#2e2e2e; font-family:"微软雅黑", "Arial"; float:left; list-style:none;}
.right_box_1 p{width:50%; line-height:30px; font-size:12px; color:#2e2e2e; font-family:"微软雅黑", "Arial"; float:left; list-style:none;}
.right_box_2{width:240px; float:left; margin-left:18px; }
.right_box_2 li{width:100%; line-height:30px; font-size:12px; color:#2e2e2e; font-family:"微软雅黑", "Arial"; float:left; list-style:none;}
.right_box_2 p{width:100%; line-height:30px; font-size:12px; color:#2e2e2e; font-family:"微软雅黑", "Arial"; float:left; list-style:none;}
.right_box_3{width:90%; margin-left:18px; float:left;height:auto;}
.right_box_new{width:90%; float:left;height:auto;}
.right_box_btn{width:100px; line-height:32px; height:32px; text-align:center; margin-top:10px;margin-left:54px;float:left;}
.right_box_btn1{width:100px; line-height:32px; height:32px; text-align:center; margin-top:10px;margin-left:20px;float:left;}
.right_box_5{width:360px; float:left; height:auto; border-right:1px solid #E5E6EB; margin-left:18px;}
.right_box_6{width:450px; float:left; height:auto;  margin-left:30px;}
.right_box_6 h3{width:450px; float:left; height:30px; line-height:30px; font-size:15px; color:#2e2e2e; font-family:"微软雅黑", "Arial"; }
.right_box_6 p{width:50%; float:left; height:30px; line-height:30px; font-size:12px; color:#2e2e2e; font-family:"微软雅黑", "Arial"; }
.right_box_7{width:100%; float:left; margin-top:15px;}
.right_box_8{width:500px; float:left; height:auto;  }
.right_box_8 h3{width:500px; float:left; height:30px; line-height:30px; font-size:15px; color:#2e2e2e; font-family:"微软雅黑", "Arial"; }
.right_box_8 p{width:100%; float:left; height:30px; line-height:30px; font-size:12px; color:#2e2e2e; font-family:"微软雅黑", "Arial"; }

/*进度条*/
.right_jngdutiao{width:450px; float:left; height:12px; background: #e3e3e3; margin-bottom:20px; }
.right_jngdutiao p{width:20%; float:left; height:12px; background: #03af64;}

/*联动菜单*/
.liandon{width:200px; float:left; height:200px; border:1px solid #E5E6EB; background: #f7f7f7;}
.liandon1 li a { display:block; height:26px; line-height:26px; padding:0 0 0 12px; margin:0; color:##2e2e2e; font-weight:bold; font-size:14px; ext-decoration:none; outline:none; list-style:none; }
.liandon_h{width:100%; float:left;  }
.liandon1 li ul li a { font-size:12px; padding-left:12px; font-weight:normal;}
.liandon1 .curo, .liandon1 li a:hover {height:32px; line-height:32px; background: #014a8f; color: #fff; }
.liandonbtn{ width:50px; float:left; height:120px;  margin-top:40px; margin-left:40px; margin-right:40px;}
.liandonbtn1{ width:39px; float:left; height:19px;  text-align:center; line-height:19px; margin-bottom:10px; }
.liandonbtn2{ width:90%; float:left; height:32px; line-height:32px; margin-top:30px; margin-left:18px; }

.liandong-item{width:100%; height:32px; line-height:32px; padding-left:8px;}


/*search*/
.search { width:200px; height:26px; float:left; line-height:26px; }
.search_1 { width:46px; height:26px; float:left; line-height:26px; }
.search_2 { width:46px; height:26px; float:left; line-height:26px; }

/*列表*/
.list { width:100%; height:auto;float:left; border:1px solid #E5E6EB;/* margin-top:18px;*/ font-family:"arial"; color:#2e2e2e;}
.list td{padding-left:8px; }
.list table tr:hover{ background-color:#FDFBF7;}
.list_title{ height:33px; margin-bottom:1px;}
.list_title a{ color:#FFF;font-family:"微软雅黑";}
.tab_link{line-height:33px;height:33px;display:block; width:122px;background:url(../images/tab_bg_active.png) no-repeat; text-align:center; float:left; margin-right:5px;}
.tab_link:hover{ font-weight:bold;}
.tab_active{font-size:14px;}

.list_1 { width:880px; height:auto; float:left; border:1px solid #E5E6EB; font-family:"arial" color:#2e2e2e;}

/* 左侧导航 */
#left_nav { margin-top:25px; }
#left_nav li a { display:block; height:35px; line-height:35px; padding:0 0 0 25px; margin:0; color:#fff; font-weight:bold; font-size:14px; ext-decoration:none; outline:none; }
#left_nav li ul li a { font-size:12px; padding-left:50px; font-weight:normal; }
#left_nav li span.ico02 { display:block; padding-left:25px; background:url(../images/ico02.jpg) left center no-repeat; }
#left_nav li span.ico03 { display:block; padding-left:25px; background:url(../images/ico03.jpg) left center no-repeat; }

/* 选中状态 */
#left_nav .curr, #left_nav li a:hover { background:url(../images/navselect01.jpg) left center no-repeat; border-left:5px #03af64 solid;}
#left_nav .ico04 { padding-left:10px; background:url(../images/ico04.jpg) left center no-repeat; }

/* 右侧面包屑导航 */
#right_nav { width:75%; float:left; height:35px; line-height:35px; margin-left:30px; }
#right_nav_1 { width:16px; float:left; line-height:35px; padding-top:11px; }
#right_nav_2 { width:484px; float:left; height:35px; line-height:35px;}
#right_nav_3 { width:75%; float:left; height:35px; line-height:35px; margin-left:30px; margin-top:8px; }

/* 右侧主操作按钮 */
.right_btn{float:left;height:32px;line-height:35px;margin-left:30px; margin-top:15px; width:75%; color:#fff;}
.right_btn_1{float:left;height:32px;line-height:35px; margin-top:15px; width:75%; color:#fff;}
.right_btn a{ display:block; height:32px; background-color:#03af64;width:100px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; text-align:center; line-height:32px; font-size:12px; color:#fff; cursor:pointer; margin-right:5px; float:left;}
.right_btn a:hover { font-weight:bold; color:#fff;}
.right_btn a:link { font-weight:bold; color:#fff;}
.right_btn a:visited { font-weight:bold; color:#fff;}

.right_btn_1{float:left;height:32px;line-height:35px; margin-bottom:10px; width:75%; color:#fff;}
.right_btn_1 a{ display:block; height:32px; background-color:#03af64;width:100px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; text-align:center; line-height:32px; font-size:12px; color:#fff; cursor:pointer; margin-right:5px; float:left;}
.right_btn_1 a:hover { font-weight:bold; color:#fff;}
.right_btn_1 a:link { font-weight:bold; color:#fff;}
.right_btn_1 a:visited { font-weight:bold; color:#fff;}

.right_btn_2{float:left;height:32px;line-height:35px; margin-left:18px; margin-top:15px; width:90%; color:#fff;}
.right_btn_2 a{ display:block; height:32px; background-color:#03af64;width:100px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; text-align:center; line-height:32px; font-size:12px; color:#fff; cursor:pointer; margin-right:5px; float:left;}
.right_btn_2 a:hover { font-weight:bold; color:#fff;}
.right_btn_2 a:link { font-weight:bold; color:#fff;}
.right_btn_2 a:visited { font-weight:bold; color:#fff;}




.logo { width:232px; height:24px; float:left; padding-top:16px; margin-left:8px }
.nav {float:right;}
.nav ul li { width:100px; float:left; height:56px; text-align:center; line-height:56px; font-size:15px; font-family:"微软雅黑";}
.nav ul li a { color:#2e2e2e; display:block; text-decoration:none; outline:none; }
.nav ul li a:hover, .nav ul li a.cut { background:#014a8f; color:#fff; }
.nav_1 { width:88px; float:right; height:56px; text-align:center; line-height:56px; }
.nav_1 ul li a { color:#FFF; font-size:15px; font-family:"微软雅黑"; text-decoration:none; outline:none; }

/*login*/
.login { width:800px; height:350px; margin:30px auto }
.login_1 { width:800px; height:35px; border-bottom:1px solid #E5E6EB; padding-top:15px; }
.login_2 { width:700px; height:auto; margin:40px auto }
.login_3 { width:65px; float:left; height:auto; font-size:14px; font-family:"arial" }
.login_3 li { width:65px; float:left; line-height:32px; font-size:14px; height:56px; }
.login_4 { width:280px; float:left; height:auto; }
.login_4 li { width:280px; float:left; line-height:32px; height:56px; }
.login_5 { width:300px; float:left; height:auto; margin-left:12px; }
.login_5 li { width:300px; float:left; line-height:32px; height:56px; font-size:12px; font-family:"arial" }
.login_6 { width:160px; float:left; height:auto; margin-left:65px; line-height:39px; }
.login_7 { width:200px; float:left; height:auto; line-height:39px; }
.login_7 p a { margin:0 10px; color:#06F; }
.login_7 p a:hover { color:#000; }

/*logon+index header*/
#header_login { width:100%; height:40px; margin-bottom:4px; overflow:hidden; background:#014A8F; }
#header_login .hd { width:960px; margin:0 auto; }
.logo_login { width:231px; height:24px; float:left; padding-top:7px; }
.nav_login { width:480px; float:right; }
.nav_login ul li { width:88px; float:left; height:40px; text-align:center; line-height:40px; margin-right:10px; font-size:15px; font-family:"微软雅黑"; }
.nav_login ul li a { color:#FFF; display:block; }
.nav_login ul li a:hover { background-color: #ffffff; color:#02529B;}
.nav_login a.cut_login { background-color: #ffffff; color:#02529B; }
.nav_1_login { width:88px; float:right; height:40px; text-align:center; line-height:40px; }
.nav_1_login ul li a { color:#FFF; font-size:15px; font-family:"微软雅黑"; text-decoration:none; outline:none; }


#footer { width:840px; margin:0 auto; margin-top:80px; border-top:1px solid #E5E6EB;padding-top:10px;}
.link { width:880px; padding:20px 0; text-align:center;}
.link ul { width:470px; margin:0 auto; overflow:hidden;}
.link ul span { float:left;padding:0 20px; height:63px; line-height:63px; border-right:1px solid #E5E6EB; display:block; display:block;}
.link ul span.noline { border:none;}

.footer_about { color:#7B7B7B; line-height:30px; text-align:center; padding-bottom:20px; font-family:"arial";}
.footer_about p a { margin:0 10px; color:#06F;}
.footer_about p a:hover { color:#000;}

/* dialog css*/
/*弹出框遮罩*/
.mask_layer { background-color:#333; font-size:12px; height:100%; left:0; opacity:0.6; overflow:hidden; position:fixed; text-align: center; top:0; vertical-align:middle; width:100%; z-index:555; }
.dialog_operate { background-color: #FFFFFF; border-radius:1px 1px 1px 1px; left:50%; border:0px solid #d7d7d7;  position:fixed; top:50%; z-index:5555; padding:5px;}
.add_monitor_port_dialog {width:620px; min-height:150px; margin-left: -320px; margin-top:-100px; border-radius:5px; border:5px solid #d7d7d7; }
.port_one_dialog { width:650px; min-height:100px; margin-left: -320px; margin-top: -100px; border-radius:5px; border:5px solid #d7d7d7; }
.port_one_dialog { margin-top:-200px; }
.dialog_title { width:100%; height:32px; background:#014a8f; line-height:32px; color:#FFF;}
.dialog_title label {padding-left:20px; }
.dialog_title img { float:right; position:relative; top:4px; margin-right:4px; cursor:pointer; }
.dialog_content { margin-left:40px; margin-top:10px; }

/*	删除通用弹出框*/
.dialog_del { width:310px; min-height:100px; margin-left: -150px; margin-top: -80px;}
#delete_dialog .dialog_title label { padding-left:10px; }
.btn_group { height:40px; text-align:center; margin-top:10px; margin-left:50px; }
.dialog_port_one_btn_group { margin-left:200px; }
.cancel, .ok { width:86px; height:25px; float:left; margin-left:10px;text-align:center; line-height:25px; color:#FFF; cursor:pointer; background-color:#03af64;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.cancel:hover, .ok:hover {background-color:#03af64; font-weight:bold;}

/*操作成功和失败弹出框样式*/
.dialog_tip{ width:200px; height:55px; margin-top:-35px; margin-left:-100px;border-radius:5px; border:5px solid #d7d7d7;}
.dialog_tip_text{text-align:center; display:block; width:200px; line-height:55px;}
.h3_success{ color:#036305; font-size:14px; font-weight:bold;}
.h3_failure{ color:#F00;font-size:14px; font-weight:bold;}
